<template>
    <!-- 项目容器 -->
    <div class="app">
        <!-- 导航栏--搜索框 全局组件-->
        <navBar></navBar>
        <!-- 首页分类 -->
        <div class="content-box">
            <!-- <transition enter-active-class="animated fadeInRight" leave-active-class="animated fadeOutLeft">
                <keep-alive>
                    <component :is="page" :filmTypeId="typeId" :filmTypeName="typeName"></component>
                </keep-alive>
            </transition> -->
            <!-- <component :is="page" ></component> -->
            <router-view></router-view>
        </div>
        <!-- 底部评论 -->
        <!-- <transition enter-active-class="animated fadeInRight" leave-active-class="animated fadeOutLeft">
            <keep-alive>
                <bottom-bar v-show="page=='FilmDetail'"></bottom-bar>
            </keep-alive>
        </transition> -->
        <!-- <bottom-bar v-show="page=='FilmDetail'"></bottom-bar> -->
        <!-- <bottom-bar v-show="$route.path=='/detail'"></bottom-bar> -->
        <!-- <bottom-bar v-show="$route.meta.showBottom"></bottom-bar> -->
        <bottomBar :is="$route.meta.bottomName"></bottomBar>
    </div>
</template>
<script>
// import Home from "./views/home";
// import Page from "./views/Page";
// import FilmDetail from "./views/filmDetail";
import bottomBar from "./components/bottomBar";
export default {
    components: {
        // Home,
        // Page,
        // FilmDetail,
        bottomBar
    },
    // data(){
    //     return{
    //         page:"Home",
    //         typeId:0,
    //         typeName:""
    //     }
    // },
    // mounted(){
    //     this.$showMsg();
    // }
    // beforeMount(){
        // this.$root.$on("update:page",(page,typeId,typeName)=>{
        //     this.page=page;
        //     this.typeId=typeId*1;
        //     this.typeName=typeName;
            // console.log(this.typeId);
        // })
        // console.log(this.typeId);
    // }
    mounted(){
        // console.log(this.$route.meta.showBottom);
        // console.log(this.$route.meta.bottomName);
    }
};
</script>
<style lang="less" >
@import "./less/AllBase.less";
</style>
<style lang="less" scoped>


</style>